﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="@Url.Content("~/Content/kendo/kendo.common.min.css")"> 
    <link rel="stylesheet" href="@Url.Content("~/Content/kendo/kendo.default.min.css")"> 

    <script src="@Url.Content("~/Scripts/kendo/jquery.min.js")"></script> 
    <script src="@Url.Content("~/Scripts/kendo/kendo.web.min.js")"></script> 
    <script src="@Url.Content("~/Scripts/kendo/kendo.aspnetmvc.min.js")"></script> 

    <script type="text/javascript">
        var _rootUrl = "@Url.Content("~")";
    </script>
</head>

<body>
    <div id="titlePane" style="width:100%; height:104px;">
		<div id="application-banner">
			<div id="application-disclaimer">This website is not supported by Telerik</div>
			<a id="application-logo" href="http://www.telerikmvpsamples.com"></a>
			<div id="application-title">
				<div>Forum Browser</div>
				<div id="application-subtitle">by John DeVight</div>
			</div>
		</div>
		<div id="mainMenuContainer">
			<ul id="mainMenu"></ul>
		</div>
    </div>

    @(Html.Kendo().Splitter()
        .Name("mainSplitter")
        .Panes(panes =>
        {
            panes.Add()
                .Size("300px")
                .Content(
                    @<text>
                        @Html.Partial("_Navigation")
                    </text>
                );
            panes.Add()
                .Content(
                    @<text>
                        @RenderContentSplitter()
                    </text>
                );
        })
    )

    @helper RenderContentSplitter()
    {
        @(Html.Kendo().Splitter()
            .Name("contentSplitter")
            .Orientation(SplitterOrientation.Vertical)
            .Panes(contentPanes =>
            {
                contentPanes.Add()
                    .Content(
                        @<text>
                            @RenderBody()
                        </text>
                    );
                contentPanes.Add()
                    .Size("200px")
                    .Content(
                        @<text>
                            @RenderSection("Details")
                        </text>
                    );
            })
        )
    }

    <script src="@Url.Content("~/Scripts/Layout.js")"></script> 
    <script src="@Url.Content("~/Scripts/Navigation.js")"></script> 
    <script>
        jQuery(document).ready(function () {
            Layout.init();
            @RenderSection("onReadyScripts", false)
        })
    </script>
</body>
</html>
